import React from 'react'
import {Outlet,NavLink} from "react-router-dom"
import { Tabbar } from 'react-vant';
import { FriendsO, HomeO, Search, SettingO } from '@react-vant/icons';
function Index() {
  return (
    <div>
        <Outlet></Outlet>
        <Tabbar>
      <Tabbar.Item icon={<HomeO />}>
        <NavLink to="/home">首页</NavLink>
      </Tabbar.Item>
      <Tabbar.Item icon={<Search />}>
        <NavLink to="/home/classify">分类</NavLink>
      </Tabbar.Item>
      <Tabbar.Item icon={<FriendsO />}>
        <NavLink to="/home/shop">购物车</NavLink>
      </Tabbar.Item>
      <Tabbar.Item icon={<SettingO />}>
        <NavLink to="/home/my">我的</NavLink>
      </Tabbar.Item>
    </Tabbar>
    </div>
  )
}

export default Index
